<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/demo.css">
</head>
<body>
	<div class="bannerS">
		
		<!-- 导航栏 -->
	<div class="nav ">
		<div class="banner">
			<img src="https://www.buchouwang.com/img/logo.a2dacc49.png">
		</div>
		<div class="nav-center">
			<div class="nav-center">
			<a href="./index.html" class="item-on">首页 <span></span></a>
			<a href="javascript:;" class="product">产品介绍 <span></span>
				<div class="Invisibility">
				<div class="subnav"></div>
			</div>
			</a>
			
			<a href="./sec.html">解决方案 <span></span></a>
			<a href="./cases.html">案例展示 <span></span></a>
			<a href="./news.html">新闻中心 
				<span></span>
				
			</a>
			<a href="./about.html">关于我们 <span></span></a>
			<a href="./careers.html">加入我们 
				<span></span>
			</a>
			<a href="./pig.html">生猪交易 <span></span></a>
			<a href="./demo.html">申请演示 <span></span></a>
		</div>
        	
	</div>
	<!-- 下方内容 -->
	<div class="bantie">
			<div class="bancon">
				<div class="banner-title">申请演示</div>
				<div class="banner-info">申请演示</div>
			</div>
		</div>
</div>
	<div class="detail-wrap">
		<div class="center-wrap">
			<div class="detail-title">
				首页>
				<span>申请演示</span>
			</div>
			<div class="detail-content-wrap">
			<div class="content-title">申请演示</div>
			<div class="apply-info">请完善以下新信息，我们的工作人员会尽快与您联系，为您安排产品演示服务。（仅对企业客户开放）</div>
			 <div class="form-group">
            <label class="required" for="product">试用产品</label>
            <select id="product" required>
                <option value="">请选择试用产品</option>
                <option value="product1">不愁猪管理系统</option>
                <option value="product2">不愁养猪</option>
            </select>
            <div class="error" id="productError">请选择试用产品</div>
        </div>

        <div class="form-group">
            <label class="required" for="name">姓名</label>
            <input type="text" class="name" required placeholder="请输入您的姓名">
            <div class="error" id="nameError">请输入您的姓名</div>
        </div>

        <div class="form-group">
            <label class="required" for="phone">电话</label>
            <input type="tel" class="phone" required placeholder="请输入您的联系方式">
            <div class="error" class="phoneError">请输入有效的联系电话</div>
        </div>

        <div class="form-group">
            <label for="company">公司名称</label>
            <input type="text" class="company" placeholder="请输入您的公司名称">
        </div>

        <div class="form-group">
            <label for="email">邮箱</label>
            <input type="email" class="email" placeholder="请输入您的邮箱">
        </div>

        <div class="form-group">
            <label for="address">地址</label>
            <input type="text" class="address" placeholder="请输入您的地址">
        </div>

        <div class="form-group">
            <label for="notes">备注</label>
            <textarea id="notes" rows="4"></textarea>
        </div>

        <button type="submit" class="btn">立即提交</button>
    </form>
    </div>
			</div>
		</div>
	</div>
	<!-- 尾页 -->
	<div class="font-bottom">
				<div class="font-center">
						<div class="font-left">
							<ul>
								<li class="iteM">
										<div class="first-title">首页</div>
								</li>
								<li class="iteM">
									  <div class="first-title">产品介绍</div>
									  <div class="second-title">合同放养管理解决方案</div>
									  <div class="second-title">猪场解决方案</div>
									  <div class="second-title">生猪交易平台</div>
									  <div class="second-title">不愁养禽解决方案</div>
									  <div class="second-title">不愁养牛解决方案</div>
									  <div class="second-title">不愁养虾解决方案</div>
									  <div class="second-title">智慧运输解决方案</div>
									  <div class="second-title">物联网、智能设备</div>
								</li>
								<li class="iteM">
									<div class="first-title">解决方案</div>
									<div class="first-title">案例展示</div>
									<div class="first-title">新闻中心</div>
									<div class="second-title">公司动态</div>
									<div class="second-title">行业动态</div>
								</li>
								<li class="iteM">
									<div class="first-title">关于我们</div>
									<div class="first-title">加入我们</div>
									<div class="first-title">生猪交易</div>
									<div class="first-title">申请演示</div>
								</li>
							</ul>
						</div>
						<div class="font-right">
								<div class="first-title">联系我们</div>
								<div class="second-title">电话：0532-89089019</div>
								<div class="second-title">15898816599（栾延康）</div>
								<div class="second-title">地址：青岛市李沧区九水东路130号亚马逊AWS联合创新中心8楼</div>
								<div class="thred-title">订阅我们</div>
								<div class="second-title">第一时间最大幅的获得最新动态</div>
								<div class="sub-wrap">
								<input type="text" placeholder="请输入您的邮箱" class="sub-input"><div class="sub-botton">订阅</div>
								</div>
						</div>
				</div>
				<div class="footer-bottom">
						<div class="center-wrap">
								<div class="footer-number">Copyright © 2016-2017 不愁网（北京）信息科技有限公司 版权所有 丨 京ICP备17022714号-1</div>
						</div>
				</div>
		</div>
	<script type="text/javascript" src="ajax.js"></script>
	<script type="text/javascript" src="jquery-3.2.1.js"></script>
	<script type="text/javascript">
		console.log(location.href)
		let id = location.href.split('=')[1];





			//二级导航
			let subnav = document.querySelector(".subnav")
			ajax({
			  method: "get",
			  url: "stage-api/website/getProductMenuInfo",
			}).then(res => {
			  for(let i = 0; i < res.data.length; i++){
			    if (i == 4) {
			      continue;
			    }else if(i == 6){
			      continue;
			    }else{
			      subnav.innerHTML += `<div class="subtag" onclick=detail('${res.data[i].productId}')>
			                            <img src=${res.data[i].menuIcon.split("?")[0]}>
			                            <p>${res.data[i].productName}</p >
			                            </div>`
			    }
			  }
			})

			  function detail(productId){
			    location.href = `po.html?productId=${productId}`
			  }
			  $(".product").hover(function(){
				  $(".Invisibility").css("display", "block")
				}, function(){
				  $(".Invisibility").css("display", "none")
				})


			  //案例展示
	
	</script>
</body>
</html>